body{
font:normal 12px/18px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
width:625px;
margin:25px auto
}
body h1 {
font:italic normal 28px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
color: #444;
margin-bottom: 35px;
text-align: center
} 
       
.hata, .ikaz, .tamam, .bilgi {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.hata    {background: #fbe3e4 url(images/hata.png) 2.2em center no-repeat; border-color: #e0011b}
.hata a  {color: #d12f19}

.ikaz    {background: #fff6bf url(images/ikaz.png) 2.2em center no-repeat; border-color: #ffd324}
.ikaz a  {color: #817134}

.tamam   {background: #e9ffdd url(images/tamam.png) 2.2em center no-repeat; border-color: #72c868}
.tamam a {color: #529214}

.bilgi   {background: #e2ecee url(images/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
.bilgi a {color: #2d7ba2}


/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li {
    padding-left: 1.3em
}
.hata ul li  { background: url(images/hata-bullet.png)  0 0.55em no-repeat }
.ikaz ul li  { background: url(images/ikaz-bullet.png)  0 0.55em no-repeat }
.tamam ul li { background: url(images/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(images/bilgi-bullet.png) 0 0.55em no-repeat }
